    $(function () {
        //渲染一级分类
        window.page = 1
        var render = function () {
            getFirstCategoryData(function (data) {
                $('tbody').html(template('tbody', data))
                // 分页插件的初始化 根据数据
                    $(".pagination").bootstrapPaginator({
                        //设置版本号
                        bootstrapMajorVersion: 3,
                        // 显示第几页
                        currentPage: data.page,
                        // 总页数,,,总条数厨艺每页size
                        totalPages: Math.ceil(data.total/data.size),
                        //当单击操作按钮的时候, 执行该函数, 调用ajax渲染页面
                        onPageClicked: function (event,originalEvent,type,page) {
                            // 把当前点击的页码赋值给currentPage, 调用ajax,渲染页面
                            window.page = page
                            render()
                        }
                    })

            })
        }
        render()

        //模态框初始化
        $('#addBtn').on('click', function () {
            // show  或 hide
            $('.addFirstCategory').modal('show')
        })

        $('.addFirstCategory form').bootstrapValidator({
                feedbackIcons: {
                    valid: 'glyphicon glyphicon-ok',
                    invalid: 'glyphicon glyphicon-remove',
                    validating: 'glyphicon glyphicon-refresh'
                },
                fields: {
                    firstCategoryName: {
                        validators: {
                            notEmpty: {
                                message: '用户名不能为空'
                            }
                        }
                    },
                }
            }).on('success.form.bv', function(e) {
            //阻止默认事件
            e.preventDefault()
            var firstCategory = $.trim($('[name="firstCategoryName"]').val())
            $.ajax({
                    url: '/category/addTopCategory',
                    type: 'post',
                    data: {
                        categoryName: firstCategory
                    },
                    dataType: 'json',
                    success: function (data) {
                        if(data.success == true) {
                            render()
                            $('.addFirstCategory').modal('hide')
                        }
                    }
                })
        })
    })
//获取一级分类
var getFirstCategoryData = function (callback) {
    $.ajax({
        url: '/category/queryTopCategoryPaging',
        type: 'get',
        data: {
            page: window.page || 1,
            pageSize: 2
        },
        dataType: 'json',
        success: function (data) {
            callback && callback(data)
        }
    })
}